<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="<?php echo STYLE."/public/default/"?>css/style.css"/>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/jquery.min.1.6.4.js"></script>
<!--Tab-->
<link type="text/css" rel="stylesheet" href="<?php echo STYLE."/public/default/"?>css/tab.css"/>

<!--Scroll bai viet moi-->
<link rel="stylesheet" type="text/css" href="<?php echo STYLE."/public/default/"?>css/scroll/demo.css" />
<link rel="stylesheet" type="text/css" href="<?php echo STYLE."/public/default/"?>css/scroll/style.css" />
<link rel="stylesheet" type="text/css" href="<?php echo STYLE."/public/default/"?>css/scroll/jscrollpane.css" />
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/scroll/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/scroll/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/scroll/scroll.js"></script>
<!--Dang ky-->
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/dangky.js"></script>
<!--Switch images footer-->
<link rel="stylesheet" type="text/css" href="<?php echo STYLE."/public/default/"?>css/SwitchImages.css"/>
<script src="<?php echo STYLE."/public/default/"?>js/SwitchImages.js" type="text/javascript"></script>

<!--Menu-->
<link type="text/css" href="<?php echo STYLE."/public/default/"?>css/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/menu.js"></script>

<!--Lib img-->
<link href="<?php echo STYLE."/public/default/"?>css/jcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo STYLE."/public/default/"?>css/jcarousel/skins/tango/skin_video.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/jquery.jcarousel.min.js"></script>

<!--Light box-->
<link id="theme" href="<?php echo STYLE."/public/default/"?>images/themes/blitzer/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo STYLE."/public/default/"?>css/lightbox.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/lightbox/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/lightbox/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="<?php echo STYLE."/public/default/"?>js/lightbox/jquery.ui.rlightbox.js"></script>   
  
    <script type="text/javascript">
	jQuery(function($) {
	    var $chosenSheet,
		$stylesheets = $( "a[id^=theme-]" );
	    // theme switcher
	    $stylesheets.click(
		function() {
		    $chosenSheet = $( this ).attr( "href" );
		    $( "#theme").attr( "href", $chosenSheet );
		    // mark this A as an active
		    $stylesheets.removeClass( "active" );
		    $( this ).addClass( "active" );
		    return false;
		}
	    );
	    // run rlightbox
	    $( ".lb" ).rlightbox();
	    $( ".lb_title-overwritten" ).rlightbox({overwriteTitle: true});
	});
    </script>
<?php echo $this->headTitle()?>
</head>
<body>
<center>
<?php echo $this->render("public/quickmenu.phtml")?>
<div id="container">
<?= $this->render("public/header.phtml")?>
<div id="content">
<div id="con_left">
	<?php echo $this->layout()->content?>
	<div style="clear:both; height:0px;">&nbsp;</div>
	<?php
	if(Zend_Controller_Front::getInstance()->getRequest()->getControllerName() != "contact"){
		$photo = new Default_Model_DbTable_Photo();
		$video = new Default_Model_DbTable_Video();
		$lib = new Admin_Model_DbTable_LibraryPhoto();
		
		$allLib = $lib->ShowLibPhoto();
		$allVideo = $video->ShowVideo();
		$libPhoto = $photo->GetByLib();
	?>
	<div id="tabContaier">
	<ul class="list_tab">
    	<li class="list_tab"><a title="tab1" class="active" href="javascript:;"><?php echo lib_image?></a></li>
    	<li class="list_tab"><a title="tab2"href="javascript:;"><?php echo lib_video?></a></li>
    </ul>
	
    <div class="tabDetails">
    	<div id="tab1" class="tabContents">
        	<ul id="mycarousel" class="jcarousel-skin-tango">
        	<?php foreach ($allLib as $p):?>
        		<?php if($p["NAME"] != "Thiết Kế Website"):?>
				<li><a href="<?php echo $p["IMG"]?>" class="lb lb_images_album<?php echo $p["ID"]?>" title="<?php echo $p["NAME"]?>"><img src="<?php echo $p["IMG"]?>" width="110" height="110" alt="" /></a></li>
				<?php endif;?>
			<?php endforeach;?>
			</ul>
			<div style="display:none">
			<?php foreach($libPhoto as $liPhoto):?>
				<li><a href="<?php echo $liPhoto["PHOTO_IMG"]?>" class="lb lb_images_album<?php echo $liPhoto["PHOTO_LIB_ID"]?>" title="<?php echo $liPhoto["PHOTO_NAME"]?>"><img src="<?php echo $liPhoto["PHOTO_IMG"]?>" width="110" height="110" alt="" /></a></li>
			<?php endforeach;?>
			</div>
			<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('#mycarousel').jcarousel({
					wrap: 'circular'
				});
			});
			</script>
		</div>
		<div id="tab2" class="tabContents">
			<ul id="mycarousel_video" class="jcarousel-skin-tango-video">
			<?php foreach ($allVideo as $v):?>
			<li><a href="<?php echo $v->VIDEO?>" class="lb lb_youtube" title="<?php echo $v->VIDEO_NAME?>"><img height="120" width="160" src="<?php echo $v->IMG?>" alt="<?php echo $v->VIDEO_NAME?>"/></a></li>
			<?php endforeach;?>
			</ul>
			<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('#mycarousel_video').jcarousel({
					wrap: 'circular'
				});
			});
			</script>
		</div>
		
    </div><!--End #tabDetails-->
	</div><!--End #tabContaier-->
    
	<script type="text/javascript">
	$(document).ready(function(){
		$(".tabContents").hide(); // áº¨n toÃ n bá»™ ná»™i dung cá»§a tab
		$(".tabContents:first").show(); // Máº·c Ä‘á»‹nh sáº½ hiá»ƒn thá»‹ tab1
		
		$("#tabContaier ul.list_tab li.list_tab a").click(function(){ //Khai bÃ¡o sá»± kiá»‡n khi click vÃ o má»™t tab nÃ o Ä‘Ã³
			
			$("#tabContaier ul.list_tab li.list_tab a").removeClass("active"); 
			$(this).addClass("active"); 
			$(".tabContents").hide(); 
			var content_show = $(this).attr('title');
            $('#'+ content_show).fadeIn();			
		});
		
		
	});
	</script>	
</div><!--End #con_left-->
<div id="con_right">
	<?php 
			echo $this->render("public/right.phtml");
		}
	?>
</div><!--End #con_right-->
<div style="clear:both; height:0px;">&nbsp;</div>

<div class="doitac">
	<div class="doitac_bn"></div>
	<div class="doitac_ct infiniteCarousel">
      <div class="switch_images">
        <ul>
        <?php
	        $part = new Default_Model_DbTable_Partner();
	        $allPart = $part->getAllPartner();
	        foreach($allPart as $pa){
        ?>
		<li><a href="" title="<?php echo $pa["PARTNER_NAME"]?>"><img src="<?php echo $pa["LOGO"]?>" height="95" width="95" alt="<?php echo $pa["PARTNER_NAME"]?>" /></a></li>
		<?php }?>
        </ul>        
      </div>
	</div>   
</div><!--End .doitac-->
</div><!--End #content-->
<?php echo $this->render("public/footer.phtml")?>
</div><!--End #container-->
</center>
</body>
</html>


